{% extends "special_menu.html" %}
{% load i18n %}
{%  block search_div  %}
    {% if searchform %}
        <div id="id_search" class="news_topsearch">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td width="50"><div class="news_topsearch1">{% trans "查询" %}</div></td>
                <td width="45%"><div class="news_topsearch2"><table> <tr>
                    <td><div>{{ searchform }}</div></td>
                    <td  align="right">
                        <div align="right" style="" class="topSearchBtn floatR">
                            <span class="Link_blue1">
                                <span class="action_topSearch floatL"></span><a href="javascript:void(0)" id="id_header_search" class="floatL">{% trans "查询" %}</a>
                            </span>
                        </div>
                   </td>
                </tr></table></div></td>
                <td width="50"><div class="news_topsearch1">{% trans "查询" %}</div></td>
                <td width="45%"><div class="news_topsearch2"><table> <tr>
                    <td class=""><div id="employee_query"><table width="100%" class="tbl_form_search" id="id_form_search">
                        <tbody><tr class="header_div_left">
                            <td align="right"><label for="id_PIN" class="">{% trans '人员编号' %}</label></td>
                            <td><input id="id_PIN" type="text" name="" maxlength="20" value=""></td>
                            <td align="right"><label for="id_EName" class="">{% trans '姓名' %}</label></td>
                            <td><input id="id_EName" type="text" name="" maxlength="24" value=""></td>
                            <td align="right"><label for="id_DeptID__name" class="">{% trans '部门名称' %}</label></td>
                            <td><input id="id_DeptID__name" type="text" name="" maxlength="20" value=""></td>
                        </tr></tbody>
                    </table></div></td>
                    <td  align="right">
                        <div align="right" style="" class="topSearchBtn floatR">
                            <span class="Link_blue1">
                                <span class="action_topSearch floatL"></span><a href="javascript:void(0)" id="id_header_search_employee" class="floatL">{% trans "查询" %}</a>
                            </span>
                        </div>
                   </td>
                </tr></table></div></td>
            </tr>
            </table>
        </div>
    {% endif %}
{%  endblock  %}
{% block id_main_div %}
	<div id="ac_group" style="margin:15px 0px 10px 0px;">
		<div id="id_datalist" class="div_box l" style="width:47%; margin:0px 0px 0px 10px; _margin:0px 0px 0px 5px;"><h1>{% trans "门禁组" %}</h1>
		</div>
		<div id="id_extend" class="div_box r" style="width:48%; margin:0px 10px 0px 0px; _margin:0px 5px 0px 0px;"><h1 style="width:98%">{% trans "浏览人员" %}</h1>
		</div>
    </div>
{% endblock %}
{% block getdatalist %}
    var after_object_action = function(){
        $("#id_datalist").hide();
    };
    var after_cancel = after_submit = function(){
        $("#id_datalist").show();
    };
    var refresh_left = function(){
        var $query_tr = $("#id_datalist #id_tbl tbody tr:first");
        if($query_tr.length > 0){
            $("#id_datalist #id_tbl tbody tr:first").click();
        }else{
            $('#id_extend').get(0).g.base_query=["ac_group=0"];
            $('#id_extend').get(0).g.load_data();
        }
        return true;
    };
    var after_query = function(){
        refresh_left();
    };
    var after_submit = function(){
        var cur_row = $($("#id_datalist").get(0).current_row).attr("data");
        $("#id_datalist tr[data="+cur_row+"]").click();
        $("#id_datalist").show();
    };
    var process_str = function(string, num){
        if(string.length > num){
            string = string.substr(0, num) + "..."
        }
        return string;
    }
    var str_query="{% autoescape off %}{{query}}{% endautoescape %}";
    $("#id_datalist").model_grid({
        base_query:str_query.split("&"),
        dbapp_url:"{{ dbapp_url }}",
        model_url:"{{ model_url }}",
        row_operations: ["op_edit", "AddEmp2Group"],
        disabled_actions:["_change", "OpAddEmp2Levels", "OpRemoveEmployee"],
        init_after_get_jdata:function(){
            $("#id_datalist").get(0).g.a_div.after("<div class='floatL' style='_position:relative;_z-index:10;'><ul id='id_action_more' class='nav Link_blue2 font12 noUnderl floatL ul_action_more'><li><a href='javascript:void(0)' class='action_more'>{% trans '更多' %}...</a><ul class='action_more_list'></ul></li></ul></div>");
            var $app_menu=$("#id_datalist").get(0).g.a_div;
            var $menu_more=$(".action_more_list");
            var min_width=400;
            resize_menu($app_menu,$menu_more,min_width,"id_action_more");
            $('.nav li').sfHover();
            var base_query = ["ac_group=0"];
            $("#id_AddEmp2Group").remove();
            $("#id_extend").model_grid({
                "model_url": "{{ dbapp_url }}personnel/Employee/",
                "base_query": base_query,
                "model_actions": false,
                "object_actions": true,
                "fields_show": ["PIN", "EName", "DeptID.name"],
                "obj_edit": false,
                "async": false,
                "row_operations": [],
                layout_types: [],
                disabled_actions: ["_change","_delete","DeleteUserFace","DeleteUserPhoto","OpAddUserMsg","OpCardPrinting","id_OpPositionChange","PushUserFace","PushUserPhoto","OpDeleteTemplate","OpAdjustArea","OpAdjustDept","OpEmpType","OpIssueCard","OpLeave","OpRegisterFinger","OpSetAcc","OpTitileChange","OpUploadPhoto","OpDelLevelFromEmp", "OpSyncToDevice", "EnrollFP", "OpAddLevelToEmp", "OpAddLevel", "OpRemoveFromLevel", "DelBioData", 'AttSetting', 'AccessSetting','PayrollSetting', "EnableApp", "DisableApp", "APPSetting"]
            });
            $("#id_header_search_employee").click(function(){
                var bln_submit=true
			    var strwhere=[];
                $("#employee_query").find("input").each(function(){
                    var field_name = $(this).attr("id").replace("search_id_", "");
                    strwhere.push(field_name+"__icontains="+$(this).attr("value"));
                });
                var datalist= $("#id_extend").get(0);
                datalist.g.init_query=strwhere;
                datalist.g.load_data();
            });
            var $tr = $("#id_datalist #id_tbl tbody tr:first")
            if($tr.length > 0){
                $tr.click();
            }
        },
        on_row_click: function(grid, key, row_data){
            var group_no = $($("#id_datalist tr[data="+row_data+"]").find("td")[1]).text();
            var group_name = $($("#id_datalist tr[data="+row_data+"]").find("td")[2]).text();
            $('#id_extend').get(0).g.base_query=["ac_group="+row_data];
            $("#id_extend h1").text("{% trans '浏览' %} "+" "+process_str(group_name, 15)+"("+group_no+") "+" {% trans '人员' %}");
            $('#id_extend').get(0).g.load_data()
            var actions = $("#id_extend div.action").find('li a');
            for(var i=0; i < actions.length; i++){
                var ref = $(actions[i]).attr('ref');
                var orgn = ref.split('?ac_group')[0];
                $(actions[i]).attr('ref', orgn+'?ac_group='+row_data);
            }
        },
        cached_data: {{ datalist }}
    });
{% endblock %}